<template>
  <div>
    <h1>DemoA组件</h1>
    <button @click="fn">获取组合实例</button>
    <hr />
    <!-- 组件上使用 ref属性，为了获取组件实例 -->
    <Son1 ref="son1Ref"></Son1>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Son1 from "./02-组合式API/Son1.vue";

const son1Ref = ref(null);

const fn = () => {
  // console.log("--son1Ref:", son1Ref);

  // 配合 defineExpose 暴露数据和方法，ref获取的组件实例才可以使用
  console.log(son1Ref.value.count);
  son1Ref.value.sayHello();
};
</script>

<style lang="scss" scoped>
</style>